<template>
    <div class="minadd">
		<navbar title="aaa" 
		/>
		<van-address-edit
		  :area-list="areaList"
		  show-postal
		  show-delete
		  show-set-default
		  show-search-result
		  :search-result="searchResult"
		  :area-columns-placeholder="['请选择', '请选择', '请选择']"
		  @save="onSave"
		  @delete="onDelete"
		  @change-detail="onChangeDetail"
		/>
    </div>
</template>
<script>
	import navbar from "../../components/navbar.vue"
    import Vue from 'vue';
     import {AddressEdit, Toast  } from 'vant';

    Vue.use(AddressEdit).use(Toast )

    export default {
        name: "newaddress",
		components:{navbar},
		
        data() {
            return {
                 areaList: { },
                 searchResult: [],
               };
        },
        mounted() {
        },
        created() {
        },
    methods: {
      onSave() {
        Toast('save');
      },
      onDelete() {
        Toast('delete');
      },
      onChangeDetail(val) {
        if (val) {
          this.searchResult = [
            {
              name: '黄龙万科中心',
              address: '杭州市西湖区',
            },
          ];
        } else {
          this.searchResult = [];
        }
      },
    },
       
    }

</script>

<style lang="scss" scoped>


</style>